<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>二手车交易市场</title>
    <!--APP默认CSS样式-->
    <link rel="stylesheet" href="stylesheet/new_theme.css">
    <!--iconCss文件-->
    <link rel="stylesheet" href="stylesheet/iconfont.css">
    <!---->
    <link rel="stylesheet" href="stylesheet/swiper.min.css">
    <!--Jquery文件-->
    <script src="javascript/jquery.min.js"></script>
    <!--banner-->
    <script src="javascript/swiper.min.js"></script>
    <!--自定义方法-->
    <script src="javascript/mian.js"></script>
</head>
<body>
<div class="backtotop">
    <i class="iconfont icon-top"></i>
</div>
<header class="home_header">
    <div class="search">
        <div class="s_input">
            <a href="City_choice.html" >大庆 <span class="iconfont icon-unfold"></span></a>
            <div class="search_icon">
                <span class="iconfont icon-search"></span>
                搜索您想要的车
            </div>
        </div>
    </div>
    <!--搜索+地区选择-->
    <div class="banner">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="image/banner1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="image/banner1.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!--焦点图-->
    <ul class="jgqj_con">
        <li>
            <a href="#">5万以下</a>
        </li>
        <li>
            <a href="">5-10万</a>
        </li>
        <li>
            <a href="">10-15万</a>
        </li>
        <li>
            <a href="">15万以上</a>
        </li>
        <li>
            <a href="">SUV</a>
        </li>
        <li>
            <a href="">练手车</a>
        </li>
        <li>
            <a href="">准新车</a>
        </li>
        <li>
            <a href="">急售</a>
        </li>
    </ul>
    <!--价格区间选择-->
    <ul class="qichelogo_con">
        <li>
            <img src="image/qichelogo/richan.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/chevrolet.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/dazhong.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/kia.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/dazhong.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/richan.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/kia.png" alt="">
            <span>日产</span>
        </li>
        <li>
            <img src="image/qichelogo/richan.png" alt="">
            <span>日产</span>
        </li>
    </ul>
    <!--汽车logo选择-->
    <ul class="header_btn">
        <li>
            <a href="#">我要买车</a>
        </li>
        <li>
            <a href="#" class="m_btn">免费卖车</a>
        </li>
    </ul>
    <!--按钮-->
</header>
<!--头部-->
<div class="rem_con">
    <ul>
        <li>
            <a href="#">
                <img src="image/rem_1.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="image/rem_3.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="image/rem_4.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="image/rem_5.jpg" alt="">
            </a>
        </li>
        <li>
            <a href="#">
                <img src="image/rem_2.jpg" alt="">
            </a>
        </li>
    </ul>
</div>
<!--推荐-->
<ul class="problem_con">
    <li>
        <a href="#">
            <span class="iconfont icon-refund"></span><br>
            购车贷款
        </a>
    </li>
    <li>
        <a href="#">
            <span class="iconfont icon-same"></span><br>
            帮我找车
        </a>
    </li>
    <li>
        <a href="">
            <span class="iconfont icon-like"></span><br>
            服务保障
        </a>
    </li>
    <li>
        <a href="">
            <span class="iconfont icon-mark"></span><br>
            瓜子问答
        </a>
    </li>
</ul>
<!--问题解答-->
<div class="car_list">
    <ul class="tab_btn">
        <li>
            <a href="">好车推荐</a>
        </li>
        <li>
            <a href="">今日超值</a>
        </li>
        <li>
            <a href="">降价急售</a>
        </li>
    </ul>
    <ul class="work_list">
        <li>
            <a href="#">
                <div class="imgs">
                    <img src="image/qiche_test.jpg" alt="">
                </div>
                <div class="info">
                    <p class="name">五菱宏光 2014款 1.2L S标准型</p>
                    <p class="yeat_gl">2015年/1.6万公里</p>
                    <p class="jiage"><span>3.5万</span><s>5.08万</s></p>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="imgs">
                    <img src="image/qiche_test.jpg" alt="">
                </div>
                <div class="info">
                    <p class="name">五菱宏光 2014款 1.2L S标准型</p>
                    <p class="yeat_gl">2015年/1.6万公里</p>
                    <p class="jiage"><span>3.5万</span><s>5.08万</s></p>
                </div>
            </a>
        </li>
    </ul>
    <a href="#" class="more_btn">车看更多车源</a>
</div>
<footer class="footers">
    <span class="gsname">瓜子二手车直卖网</span>
    <p>服务电话: <span>400-004-1339</span>  售后服务专线: <span>400-600-8780</span></p>
    <p>车好多旧机动车经济(北京)有限公司</p>
    <p>京ICP备15054955号 ICP证151071号京公网安备11010802020161</p>
</footer>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
    });
</script>
</body>
</html>